<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf8">
		<title>hwpopup demo</title>
		
		<script charset="utf-8" src="jquery-1.4.4.min.js" type="text/javascript"></script>
		<script type="text/javascript" src="hwpopup.js"></script>
		<link  rel="stylesheet" type="text/css" href="hwpopup.default.css"/>
		
		<script type="text/javascript">
			$(function(){
				$('#btn1').click(function(){
					JHW.alert({title:'典型的标题',content:'这里是最简单的内容',});					
				});
			})
		</script>
		
		<style>
			body{color:#333; font-size:small; _font-size:12px;}
			h1,h2,h3{font-size:large;}			
			ol li{}
			.btn{ padding:15px;}
			.code{ border:1px solid #ccc}
			.footer{ margin-top:20px; padding:20px; color:#333; background:#ddd;}
		</style>
	</head>
	<body>
		<p>这里是小弹框测试区，它的名字叫hwpopup，诞生于2011年的建军节。</p>
		<p>这是个开源的基于jQuery的小插件，体积小，使用简单，本页是一些演示。</p>
		
		<ol>
			<li>
				<h3>最简单的弹框</h3>
				<input type="button" class=".btn" value="最简单的框" id="btn1" />
				<div class="code">
					
<pre>
$('#btn1').click(function(){
	JHW.alert({title:'典型的标题',content:'这里是最简单的内容'});					
});
</pre>					
				</div>
			
			</li>
			
		</ol>
		
		<p class="footer">haaway.com</p>
	</body>
</html>
